<style tyle="text/css">
    .modal-lg {
      width: 70%;
    }

    .test_box {
    width:100%;
    background-color:#FFF;
    min-height: 50px; 
    max-height: 300px;
    _height: 50px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 3px; 
    outline: 0; 
    border: 1px solid #a0b3d6; 
    font-size: 12px; 
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    _overflow-y: visible;
}
  </style>
<div class="col-sm-7">
    <div class="col-sm-12 mt20">
    
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="col-sm-4">
              <input type="text" class="form-control" placeholder="标题" ng-model="info.title">
            </div>
            <div class="col-sm-4">
              <div class="form-group">
                      <select class="form-control" ng-model="info.type" >
                          <option value="">请选类型</option>
                          <option ng-value="info.value" ng-repeat="info in typelist">{{info.key}}</option>
                      </select>
               </div>
          </div>
           
              <div class="col-sm-4">
                  <button class="btn btn-info search btn-block" ng-click="search(1)">立即搜索</button>
              </div>
             
           
          </div>
      
          <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
              <thead>
                <tr>
                  <th class="text-center col-sm-2">标题</th>
                  <th class="text-center col-sm-1">类型</th>
                  <th class="text-center col-sm-2">创建时间</th>
                  <th class="text-center col-sm-2">操作</th>
                </tr>
              </thead>
              <tbody>
                <tr ng-repeat="info in list">
                  <td class="text-center">{{info.title}}</td>
                  <td class="text-center">{{info.type_name}}</td>
                  <td class="text-center">{{info.create_time}}</td>
                  <td class="text-center">
                      <button type="button" class="btn btn-primary btn-xs" ng-click="gatRulesInfo(info,1)">查看</button>
                    <button type="button" class="btn btn-warning btn-xs" ng-click="saveWarehouseInfo(info,1)">申请修改</button>
                 
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
      
          <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="totalItems" ng-model="currentPage" ng-change="search(currentPage)" previous-text="上一页"
              next-text="下一页" first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false"
              items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
          </div>
      
        </div>
      </div>
  
</div>

<div class="col-sm-5">
    <!-- 添加笔记部分 -->
    <div class="col-sm-12 mt20">
     <div class="panel panel-default">
      <div class="modal-header">
        <button class="btn btn-warning  btn-block" ng-click="opennote()">添加笔记</button>
      </div>
      <div class="modal-body" ng-if="savenote_show">
      
        <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
          <div class="form-group">
            <label class="col-lg-3 control-label">标题:</label>
            <div class="col-lg-8">
              <input type="text" class="form-control" ng-model="rulesinfo.title"   placeholder="标题">
            </div>
            
        </div>
            <div class="form-group">
                <label for="inputDate" class="col-sm-3 control-label">类别</label>
                <div class="col-md-8"  >
                    <select class="form-control" ng-model="rulesinfo.type" >
                        <option value="">请选择</option>
                        <option ng-value="info.value" ng-repeat="info in typelist">{{info.key}}</option>
                    </select>
                </div>
                
             </div>
    
             <div class="form-group">
                <label class="col-xs-3 control-label">内容</label>
                <div class="col-xs-8">
                        <div contenteditable="true" class="test_box" ng-model="rulesinfo.info"><br /></div> 
                </div>
               
            </div>
          
         
     
        </form>
      
      </div>
      
      <div class="modal-footer" style="text-align: center" ng-if="savenote_show">
          <button class="btn btn-success" type="button" ng-click="save()">确定</button>
          <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
      </div>
     </div>
    </div>


    <!-- 我的笔记不分 -->
    <div class="col-sm-12 mt20">
       
      <div class="panel panel-default">
        <div class="panel-body">
           
          <!-- <div class="col-sm-12">
            <input type="text" class="form-control" placeholder="标题" ng-model="info.law_title">
          </div>
          <div class="col-sm-12" style="height: 10px;">
            
        </div>
          <div class="col-sm-12">
            <div class="form-group">
                    <select class="form-control" ng-model="info.type" >
                        <option value="">请选类型</option>
                        <option ng-value="info.value" ng-repeat="info in typelist">{{info.key}}</option>
                    </select>
             </div>
        </div>
         
            <div class="col-sm-12">

                <button class="btn btn-info search btn-block" ng-click="search(1)">立即搜索</button>
            </div> -->
            
            <button class="btn btn-warning  btn-block" ng-click="opennotelist()">我的笔记
              <!-- <i class="icon-minus" ng-if="findnote_show" style="float: right;"></i>
              <i class="icon-plus" ng-if="!findnote_show" style="float: right;"></i> -->
            </button>
            
         
        </div>
    
        <div ng-if="findnote_show">
        <div class="panel-body" >
          <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
            <thead>
              <tr>
                <th class="text-center col-sm-1">标题</th>
                <th class="text-center col-sm-1">类型</th>
                <th class="text-center col-sm-1">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="info in notelist">
                <td class="text-center">{{info.title}}</td>
                <td class="text-center">{{info.type_name}}</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary btn-xs" ng-click="gatRulesInfo(info,2)">查看</button>
                  <button type="button" class="btn btn-warning btn-xs" ng-click="saveWarehouseInfo(info,2)">修改</button>
               
                </td>
              </tr>
            </tbody>
          </table>
        </div>
    
        <div class="text-right" style="background-color: white; margin-right: 30px">
          <pagination total-items="notetotalItems" ng-model="notecurrentPage" ng-change="searchnote(notecurrentPage)" previous-text="上一页"
            next-text="下一页" first-text="首页" last-text="尾页" max-size="2" boundary-links="true" rotate="false"
            items-per-page="noteitemsPerPage" class="m-t-none m-b"></pagination>
        </div>
      </div>
      </div>
    </div>
</div>